<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>JSON</h1>
    <p>json：JavaScript Object Notation，js对象简谱</p>
    <p>JSON是一个字符串，用于表示javascript对象。</p>
    <h2>JSON与XML对比</h2>
    <h3>XML</h3>
    <ul>
        <li>XML比较复杂，为了描述对象，需要很多标准的标签格式去支持。实际上导致了无效的字符过多。</li>
        <li>无法准确地描述出值的类型。</li>
        <li>对于是对象还是数组，没有接完毕之前，无法获知。</li>
    </ul>
    <h3>JSON</h3>
    <ul>
        <li>数据简单易读。</li>
        <li>能直接读出值的类型。</li>
    </ul>
    <h2>JSON字符串书写要点</h2>
    <ul>
        <li>属性名使用 "" 括住（一定要用""）。</li>
        <li>属性名和属性值之间使用 : 隔开。</li>
        <li>一组属性与另一组属性之间，使用 , 隔开。注意：最后一组属性后面，不能有 , </li>
    </ul>
    <h2>JSON字符串数据类型表示</h2>
    <ul>
        <li>""：表示字符串，（只能使用""）</li>
        <li>123,123.0,-123：表示数值（没有引号）</li>
        <li>true/false：表示boolean（没有引号）</li>
        <li>null：表示空（没有引号）</li>
        <li>{}：表示对象</li>
        <li>[]：表示数组</li>
    </ul>
    <h2>示例：</h2>
    <pre>
        {
            "name": "奉先",
            "age": 35,
            "sex": "男",
            "sports": ["足球","篮球"],
            "frined": [
                {"name": "杜明均",age: 20},
                {"name": "郑涛",age: 20}
            ],
            "girlFrined": null
        }
    </pre>
</body>
</html>